﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>LazyLoad</title>
    <meta charset="utf-8" />
    <style>
        ul li {
            list-style: none;
        }
    </style>
</head>
<body>

    <ul>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20160318/tooopen_sy_156424117414.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
        <li><img src="img/grey.gif" alt="loading" data-source="http://img02.tooopen.com/images/20141231/sy_78327074576.jpg" /></li>
    </ul>

    <script src="LazyLoad1.js" type="text/javascript"></script>
    <script>
        window.onload = function () {
            console.log(navigator.userAgent)
        }
        window.onscroll = function () {
            //var ll = new LazyLoad();
            //ll.init({
            //    tags: "img"
            //});

            console.log(document.body.scrollTop, document.documentElement.scrollTop);
        }

      
    </script>
</body>
</html>
